/* pages/afterSale/afterSale.wxss */
.after-title{
  padding: 30rpx;
  border-bottom: 15rpx solid #f3f4f6;
}
.after-title > .title{
  margin-bottom: 20rpx;
}
.after-title > .content{
  border: 1rpx solid #00AE66;
  color: #00AE66;
  font-size: 24rpx;
  border-radius: 6rpx;
  padding: 4rpx 10rpx;
  display: inline-block;
}
.order-content{
  border-bottom: 15rpx solid #f3f4f6;
}
/* .option-bottom {
  text-align:center;
  color:#fff;
  background-image:linear-gradient(128deg, #FFA427 0%, #FF6020 100%);
} */
.option-bottom{
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
}
.option-bottom .option-btn{
  height: 80rpx;
  line-height: 80rpx;
  background:#00AE66;
  color: #fff;
  border-radius: 40rpx;
}

.cause-view{
  padding: 30rpx;
  border-top: 20rpx solid #f3f4f6;
  // border-bottom: 20rpx solid #f3f4f6;
}
.cause-view > .cause{
  display: flex;
  align-items: center;
}
.cause-view > .cause > .right{
  flex: 1;
  text-align: right;
  color: #A5A5A5;
}
.cause-view > .cause > .right > image{
  width: 15rpx;
  height: 26rpx;
  margin-left: 15rpx;
  vertical-align:middle;
}
.cause-view > .cause > .right > text{
  border: 1rpx solid #999;
  color: #999;
  font-size: 24rpx;
  border-radius: 6rpx;
  padding: 4rpx 10rpx;
  display: inline-block;
  margin-left: 10rpx;
}
.cause-view > .cause > .right > text.active{
  border: 1rpx solid #00AE66;
  color: #00AE66;
}
.cause-view > .hint{
  color: #999;
  font-size: 24rpx;
}
.placeholder{
  font-size: 30rpx;
  color: #C7C7C7;
}
.issue-desc{
  padding: 20rpx;
  > .title{
    margin-bottom: 10rpx;
  }
  > .content{
    padding: 10rpx 0;
    margin-bottom: 10rpx;
    > textarea{
      width: 100%;
      height: 220rpx;
      font-size: 24rpx;
    }
  }
}

.photograph{
  overflow:hidden;
  width:180rpx;
  height:180rpx;
  background:#F7F7F8;
  > image{
    width:52rpx;
    height:43rpx;
    display:block;
    margin:48rpx auto 16rpx;
    display:block;
  }
  > text{
    font-size:24rpx;
    color:#C7C7C7;
    line-height:120%;
    margin:0 auto;
    display:block;
    text-align:center;
  }
}

@keyframes photograph-video-bottom
{
  from {bottom: -1000rpx;}
  to {bottom: 0;}
}

.photograph-video-body{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba($color: #000, $alpha: .5);
  display: flex;
  align-items: center;
  justify-content: center;
  >.photograph-video{
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    border-top-left-radius: 30rpx;
    border-top-right-radius: 30rpx;
    animation: photograph-video-bottom .3s;
    >.item{
      padding: 30rpx 0;
      border-bottom: 1rpx solid #ececec;
      text-align: center;
      &:active{
        opacity: .7;
      }
      &.cancel{
        border-top: 9rpx solid #ececec;
      }
    }
  }
}

.images{
  overflow: hidden;
  margin:0 0rpx 20rpx 0;
  padding-top: 20rpx;
  > .img-item, >.play-video{
    float:left;
    margin-left:30rpx;
    position:relative;
    margin-bottom:25rpx;
    > image{
      float: left;
      width:180rpx;
      height:180rpx;
      background: #f3f4f6;
    }
    > .close{
      position:absolute;
      z-index:1;
      display:block;
      width:36rpx;
      height:36rpx;
      background:#fff;
      border-radius:50%;
      right:-15rpx;
      top:-15rpx;
      line-height:33rpx;
      text-align:center;
      background:#c7c7c7;
      color:#fff;
      cursor: pointer;
      > image{
        width: 36rpx;
        height: 36rpx;
      }
    }
    &.play-video{
      display: flex;
      align-items: center;
      justify-content: center;
      width:180rpx;
      height:180rpx;
      background:#F7F7F8;
      > image{
        float: none;
        background: none;
      }
    }
  }
}

.right:nth-child(3n+1){
  margin-left: 0;
} 
.my-input {
  border-top:1rpx solid #f3f4f6;
  border-bottom: 20rpx solid #f3f4f6;
}